.UIHorizontalTabs {
}

.UIHorizontalTabs .CenterHorizontalTabs {
  height: 24px;
  padding: 0px 6px;
  background: url('DefaultSkin/background/HorizontalTabBackground.gif') repeat-x bottom;
}

.UIHorizontalTabs .TabsContainer {
  overflow: hidden;
}

.UIHorizontalTabs .UITab {
  float: left;
  font-weight: bold;
  text-align: center;
}

/*###########################--NavigationTabTab--############################*/
.UIHorizontalTabs .UITab .NormalNavigationTab {
  line-height: 24px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .LeftTab {
  line-height: 24px;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .RightTab {
  line-height: 24px; 
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .MiddleTab {
  line-height: 24px;
  padding-left: 7px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .TabIcon {
  color: white;
  line-height: 24px;
  padding: 0px 5px 0px 20px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab a {
  color: white;
  margin-right: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .DropDownArrowIcon {
  padding-right: 20px;
  background: url(/eXoResources/icons/16x16/DefaultSkin/GrayDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###############-Hightlight Navigation Tab  -################*/

.UIHorizontalTabs .UITab .HighlightNavigationTab {
  line-height: 24px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .LeftTab {
  line-height: 24px; 
  background: url('DefaultSkin/background/LeftHighlightNav2x24.gif') no-repeat left;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .RightTab {
  line-height: 24px; 
  background: url('DefaultSkin/background/RightHighlightNav2x24.gif') no-repeat right;
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .MiddleTab {
  line-height: 24px; 
  background: url('DefaultSkin/background/MiddleHighlightNav1x24.gif') repeat-x;
  padding-left: 7px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .TabIcon {
  color: white;
  line-height: 24px;
  padding: 0px 5px 0px 20px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab a {
  color: white;
  margin-right: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .DropDownArrowIcon {
  padding-right: 20px;
  background: url(/eXoResources/icons/16x16/DefaultSkin/BlueDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###############-Selected Navigation Tab-################*/

.UIHorizontalTabs .UITab .SelectedNavigationTab {
  line-height: 24px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .LeftTab {
  line-height: 24px; 
  background: url('DefaultSkin/background/LeftSelectedNav2x24.gif') no-repeat left;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .RightTab {
  line-height: 24px; 
  background: url('DefaultSkin/background/RightSelectedNav2x24.gif') no-repeat right;
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .MiddleTab {
  line-height: 24px;
  background: url('DefaultSkin/background/MiddleSelectedNav1x24.gif') repeat-x;
  padding-left: 7px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .TabIcon {
  color: white;
  line-height: 24px;
  padding: 0px 5px 0px 20px;

}

.UIHorizontalTabs .UITab .SelectedNavigationTab a {
  color: black;
  margin-right: 2px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .DropDownArrowIcon {
  padding-right: 20px;
  background: url(/eXoResources/icons/16x16/DefaultSkin/HighlightDropDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###########################-- NormalTabStyle --############################*/

.UIHorizontalTabs .NormalTabStyle .NormalTab {
  line-height: 24px; 
  margin-right: 1px; 
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab a {
	line-height: 24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .LeftTab {
  padding-left: 12px; 
  line-height: 24px;
  background: url('DefaultSkin/background/LeftNormalTab12x24.gif') no-repeat left top;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .RightTab {
  line-height: 24px;
  padding-right: 3px;
  background: url('DefaultSkin/background/RightNormalTab3x24.gif') no-repeat right top;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .MiddleTab {
  line-height: 24px;
  background: url('DefaultSkin/background/MiddleNormalTab1x24.gif') repeat-x top;
  cursor: pointer;
  padding: 0px 4px 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab {
  line-height: 24px;
  margin-right: 1px;
  color: #0666d2; font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab {
  line-height: 24px;
  padding-left: 12px;
  background: url('DefaultSkin/background/LeftHighlightTab12x24.gif') no-repeat left top;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .RightTab {
  line-height: 24px;
  padding-right: 3px;
  background: url('DefaultSkin/background/RightHighlightTab3x24.gif') no-repeat right top;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .MiddleTab {
  line-height: 24px;
  background: url('DefaultSkin/background/MiddleHighlightTab1x24.gif') repeat-x top;
  cursor: pointer;
  padding: 0px 4px 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab {
  line-height: 24px;
  margin-right: 1px;
  color: #307dcc; overflow: hidden;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab {
  line-height: 24px;
  padding-left: 15px;
  background: url('DefaultSkin/background/LeftSelectedTab15x24.gif') no-repeat left top;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .RightTab {
  line-height: 24px;
  padding-right: 3px;
  background: url('DefaultSkin/background/RightSelectedTab3x24.gif') no-repeat right top;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .MiddleTab {
  line-height: 24px;
  background: url('DefaultSkin/background/MiddleSelectedTab1x24.gif') repeat-x top;
  cursor: pointer;
  font-weight: normal;
  padding: 0px 4px 0px 4px;
}

/*###########################--GrayRectangle27Style--############################*/

.UIHorizontalTabs .UITab .NormalStyle1 {
  line-height: 27px ;  
}

.UIHorizontalTabs .UITab .NormalStyle1 .LeftTab {
  line-height: 27px ;
  padding-left: 2px ;
  background: url('DefaultSkin/background/GrayRectangleL2x27.gif') no-repeat left;
}

.UIHorizontalTabs .UITab .NormalStyle1 .RightTab {
  line-height: 27px;
  padding-right: 1px;
  background: url('DefaultSkin/background/GrayRectangleR1x27.gif') no-repeat right;
}

.UIHorizontalTabs .UITab .NormalStyle1 .MiddleTab {
  line-height: 27px;
  line-height: 27px;
  background: url('DefaultSkin/background/GrayRectangleBg1x27.gif') repeat-x;
}

/*###########################--NavyBlueRectangle27Style--############################*/

.UIHorizontalTabs .UITab .HighlighStyle1 {
  line-height: 27px ;
}

.UIHorizontalTabs .UITab .HighlighStyle1 .LeftTab {
  line-height: 27px ;
  padding-left: 2px ;
  background: url('DefaultSkin/background/NavyBlueRectangleL2x27.gif') no-repeat left;
}

.UIHorizontalTabs .UITab .HighlighStyle1 .RightTab {
  line-height: 27px ;
  padding-right: 1px ;
  background: url('DefaultSkin/background/NavyBlueRectangleR1x27.gif') no-repeat right ;
}

.UIHorizontalTabs .UITab .HighlighStyle1 .MiddleTab {
  line-height: 27px ;
  background: url('DefaultSkin/background/NavyBlueRectangleBg1x27.gif') repeat-x ;
}

/*###########################--CommunityTab--############################*/
.UIHorizontalTabs .UITab .NormalCommunityTab {
  line-height: 31px ;    
  margin-top: 6px;
  margin-left: 15px;
}

.UIHorizontalTabs .UITab .NormalCommunityTab .LeftTab {
  line-height: 31px ;
  padding-left: 5px ;
  background: url('DefaultSkin/background/NormalCommunityTabL5x31.gif') no-repeat left ;
}

.UIHorizontalTabs .UITab .NormalCommunityTab .RightTab {
  line-height: 31px;
  padding-right: 5px;
  background: url('DefaultSkin/background/NormalCommunityTabR5x31.gif') no-repeat right ;
}

.UIHorizontalTabs .UITab .NormalCommunityTab .MiddleTab {
  line-height: 31px;
  background: url('DefaultSkin/background/NormalCommunityTabM1x31.gif') repeat-x;
}


/*###########################--HighlightCommunityTab--############################*/

.UIHorizontalTabs .UITab .HighlightCommunityTab{
  line-height: 27px ;
}

.UIHorizontalTabs .UITab .HighlightCommunityTab .LeftTab {
  line-height: 27px ;
  padding-left: 2px ;
  background: url('DefaultSkin/background/NavyBlueRectangleL2x27.gif') no-repeat left;
}

.UIHorizontalTabs .UITab .HighlightCommunityTab .RightTab {
  line-height: 27px ;
  padding-right: 1px ;
  background: url('DefaultSkin/background/NavyBlueRectangleR1x27.gif') no-repeat right ;
}

.UIHorizontalTabs .UITab .HighlightCommunityTab .MiddleTab {
  line-height: 27px ;
  background: url('DefaultSkin/background/NavyBlueRectangleBg1x27.gif') repeat-x ;
}

/*###########################--SelectedCommunityTab--############################*/

.UIHorizontalTabs .UITab .SelectedCommunityTab{
  line-height: 31px ;
  margin-top: 6px;
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .SelectedCommunityTab .LeftTab {
  line-height: 31px ;
  padding-left: 5px ;
  background: url('DefaultSkin/background/SelectedCommunityL5x31.gif') no-repeat left;
}

.UIHorizontalTabs .UITab .SelectedCommunityTab .RightTab {
  line-height: 31px ;
  padding-right: 5px ;
  background: url('DefaultSkin/background/SelectedCommunityR5x31.gif') no-repeat right ;
}

.UIHorizontalTabs .UITab .SelectedCommunityTab .MiddleTab {
  line-height: 31px ;
  background: url('DefaultSkin/background/SelectedCommunityM1x31.gif') repeat-x ;
}


/*###########################-- MessageTabDialog --############################*/

/*==============================NormalTab for MessageTab=====================*/
.UIHorizontalTabs .MessageTabDialog .NormalTab {
  line-height: 27px;
  margin-right: 1px;
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab {
  padding-left: 2px;
  line-height: 27px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab {
  line-height: 27px;
  padding-right: 7px;
  background: url('DefaultSkin/background/SeparatorLine2x1.gif') repeat-y right;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab {
  line-height: 27px;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  color: black; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{
  color: orange;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon {
  float: left;
  width: 32px; height: 21px;
  margin-top: 4px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon {
  background: url('DefaultSkin/background/BlueInfoSign.gif') no-repeat;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon {
  background: url('DefaultSkin/background/RedErrorSign.gif') no-repeat;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon {
  background: url('DefaultSkin/background/YellowWarningSign.gif') no-repeat;
}

/*==============================Disable Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .DisabledTab {
  line-height: 27px;
  margin-right: 1px;
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab {
  padding-left: 2px;
  line-height: 27px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab {
  line-height: 27px;
  padding-right: 7px;
  background: url('DefaultSkin/background/SeparatorLine2x1.gif') repeat-y right;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab {
  line-height: 27px;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  color: gray;  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon {
  float: left;
  width: 32px; height: 21px;
  margin-top: 4px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon {
  background: url('DefaultSkin/background/GreyInfoSign.gif') no-repeat;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon {
  background: url('DefaultSkin/background/GreyErrorSign.gif') no-repeat;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon {
  background: url('DefaultSkin/background/GreyWarningSign.gif') no-repeat;
}
/*==============================Selected Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .SelectedTab {
  line-height: 27px;
  color: #058ee6;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab {
  line-height: 27px;
  padding-left: 2px;
  background: url('DefaultSkin/background/LeftSelectedMessageTab2x27.gif') no-repeat left;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .RightTab {
  line-height: 27px;
  padding-right: 7px;
  background: url('DefaultSkin/background/RightSelectedMessageTab7x27.gif') no-repeat right;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
  line-height: 27px;
  background: url('DefaultSkin/background/CenterSelectedMessageTab1x27.gif') repeat-x;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  color: #058ee6;  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab  div:hover{
  color: orange;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon {
  float: left;
  width: 32px; height: 21px;
  margin-top: 4px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon {
  background: url('DefaultSkin/background/BlueInfoSign.gif') no-repeat;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon {
  background: url('DefaultSkin/background/RedErrorSign.gif') no-repeat;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon {
  background: url('DefaultSkin/background/YellowWarningSign.gif') no-repeat;
}